<template>

  <div class="index" >

    <CommonHeader></CommonHeader>
    <CommonAside></CommonAside>
    <div class="rightContainer">
      <router-view></router-view>
    </div>

  </div>


</template>

<script>
  import CommonHeader from './components/CommonHeader'
  import CommonAside from './components/CommonAside'
  export default {
    // data() {
    //   // return {
    //   //   path: ''
    //   // }
    // },
    components: {
      CommonHeader,
      CommonAside
    },
    // mounted() {
    //   this.path = this.$router.path;
    // },
    // watch: {
    //   $router(to, from) {
    //     this.path = to.path;
    //   }
    // }
  }

</script>


<style>
  html,
  body,
  #app {
    width: 100%;
    height: 100%;
  }

  .index {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .rightContainer {
    position: relative;
    top: 0;
    left: 180px;
    width: calc(100% - 180px);
    height: calc(100% - 71px);
    overflow: auto;
  }
</style>